<template>
	<view class="noticeLayout">
		<view class="title">
			<view class="tag" v-if="detail.select">
				<uni-tag inverted text="置顶" type="error" />
			</view>
			<view class="font">智慧视图壁纸，版权公告</view>			
		</view>
		
		<view class="info">
			<view class="item">浮生一梦</view>					
			<view class="item">
				<text>2023-11-28 19:30:12</text>
			</view>	
		</view>
		<view class="content">		
		<text>欢迎点击图片，识别小程序码使用"智慧视图壁纸"，测试用户体验及 bug 反馈。</text>
			<image src="../../static/image/xiaocehngxu.jpg" mode="widthFix"></image>
			<view>
				"智慧视图壁纸"项目，所有图片均采集于互联网，在壁纸信息中，均设置了图片来源。
				 UP 浮生一梦开发的这个壁纸项目，用于学习交流，非商业使用，图片来自于用户上传，
				 如果对您的图片造成了侵权，请联系作者 QQ 2899371715，请提供侵权证据，对侵权图片进行删除，出于学习交流目的非商用，对您产生的损失请谅解。
			</view>
		</view>
		
		<view class="count">
			阅读 1789	
		</view>
	</view>
</template>

<script setup>
import {apiNoticeDetail} from "@/api/apis.js"
import { ref } from "vue";
import {onLoad} from "@dcloudio/uni-app"

const detail = ref({})
let noticeId
onLoad((e)=>{
	noticeId = e.id
	getNoticeDetail();
})


const getNoticeDetail = ()=>{
	apiNoticeDetail({id:noticeId}).then(res=>{
		detail.value = res.data
		console.log(res);
	})
}


</script>

<style lang="scss" scoped>
.noticeLayout{
	padding:30rpx;
		.title{
			font-size: 40rpx;
			color:#111;
			line-height: 1.6em;
			padding-bottom:30rpx;
			display: flex;
			.tag{
				transform: scale(0.8);
				transform-origin: left center;
				flex-shrink: 0;	
			}
			.font{
				padding-left:6rpx;
			}
		}
		.info{
			display: flex;
			align-items: center;
			color:#999;
			font-size: 28rpx;
			.item{
				padding-right: 20rpx;
			}
		}
		.content{
			margin-top: 20rpx;
			padding:10rpx 0;
			text{
				padding: 10rpx 0rpx;
				margin-bottom: 10rpx;
			}
		}
		.count{
			color:#999;
			font-size: 28rpx;
		}
}
</style>

